<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link href="${ctxPath}/module/base/css/style.css" rel="stylesheet" />
		<title id="title">reset</title>
		<#include "/common/content/base.html">
		<script type="text/javascript" src="${ctxPath}/lib/jquery.validate.js"></script>
		<script type="text/javascript" src="/js/reset.js"></script>
		<style>
			.plogin:not([__null__]) .plogin-main > button{
				height: 140px;
			}
			@media screen and (max-width: 800px) {
				.plogin:not([__null__]) .plogin-main > button{
					height: 0px;
				}
			}
		</style>
	</head>
	<body>
		<div class="n plogin preset" >
			<nav class="n-nav">
				<div class="n-box">
					<em class="n-nav-logo" onclick="window.location.href='/'"><img src='/module/base/images/logo.png' width="250"/></em>
					<div class="n-nav-links"></div>
					<a href="javascript:;" class="n-nav-btn" style="margin-right: 10px;margin-left:50%" id="toRegister">Register</a>
					<a href="javascript:;" class="n-nav-btn" id="toLogin">login</a>
				</div>
			</nav>
			<div class="plogin-main preset-main n-box">
				<h1>Password reset</h1>
				<!--<h2>Enter your email address and we will send you a code to reset your password</h2>-->
				<p>Email Address</p>
				<h3><input id="address" type="email" name="email" placeholder="Email Address" /></h3>
				<h5 ><button type="button" id="sendEmail">Send&nbsp;&nbsp;Verification</button></h5>
				<p>Verification code</p>
				<h3><input id="code" type="text" name="code" placeholder="Verification Code" /></h3>
				<p>New Password</p>
				<h3><input id="password" type="password" name="password" placeholder="New Password" /></h3>
				<button id="reset">NEXT</button>
				<!--<a href="javascript:;" id="toLogin">Return to Login</a>-->
			</div>
		</div>
	</body>
</html>
